<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>top.jsp</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
	/* "Jeju Gothic" */
body {
	font-family: "Jeju Gothic";
	font-size: 18px;
}

#menu{
position: relative;
}

.menu1{
font-size:13pt;
font-weight:bold;

text-align: right;
width:100%;
height:30px;
background-color: #dd00dd;

border:0px solid #111111;
border-top-width: 5px;
border-top-color:#000000;
}

#menu2{
position: relative;
margin-top:50px;
text-align:center;
width:100%;
font-size: 20pt;
border: 0px solid #ffffff;
border-bottom-color: #000000;
border-bottom-width: 10px;
padding-bottom: 15px;
}


a:link {text-decoration:none; color:#000000;}
.menu1 a:hover{text-decoration:none; color:#FCF;}
.menu1 a:visited {text-decoration:none; color: #FCF;}
.menu1 a:active {text-decoration:none; color: #93F;}

/* #bar{
width:100%;
background-color:#000000;
height:3px;
} */

#login,#out{
paddig-top:10px;
display:inline-block;
width:80px;
height:100%;
text-align: center;

}

#loginb:hover,#outb:hover{
widht:100%;
height:80%;

color:#FCF;
border: 0px solid #dd00dd;
border-bottom-width:5px;
border-bottom-color:#000000;
-webkit-transition:-webkit-transform 1s, opacity 2s, background 2s; 

}

#home{
font-size:28pt;
font-weight:bold;
color:#93F;

}
</style>


<script>
	function init() {
		location.href = "index2.jsp?inc_content=./jsp/logout.jsp";
	}
</script>
</head>
<body>

<div id="menu">
	<div id='bar'></div>
	<div class="menu1" >
		<%
			String sessionID = (String) session.getAttribute("mid");
			if (sessionID == null || sessionID == "") { %>
				
				<div id='login'><div id='loginb'><a href="index2.jsp?inc_content=./jsp/login.jsp">Login</a></div></div>
				<div id='out'><div id='outb'><a href="index2.jsp?inc_content=./jsp/join.jsp">Join</a></div></div>
			<%} else {%>
			[<%=sessionID%> 님 방가방가...]
			<input type="button" value="로그아웃" onclick="init()">
			
			<%}%>

			<%if (sessionID != null) {%>
			<a href="index2.jsp?inc_left=menu_member.jsp">회원관리</a>
			<%}%>
	
	</div>
	
 	<div id="menu2">
 		<a href="index2.jsp?inc_content=menu_home.jsp" id='home'>MiSeon's Home</a><br/><br/>
		<a href="index2.jsp?inc_left=menu_html.jsp&inc_right=ad_html.jsp&inc_content=./form/form1.html">HTML</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="index2.jsp?inc_left=menu_css.jsp&inc_right=ad_css.jsp&inc_content=none.jsp">CSS</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="index2.jsp?inc_left=menu_javascript.jsp&inc_right=ad_javascript.jsp&inc_content=none.jsp">JAVASCRIPT</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="index2.jsp?inc_content=./guest/list.jsp&inc_left=none.jsp">GUESTBOOK</a>&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="index2.jsp?inc_content=./board/list.jsp&inc_left=./board/board_list.jsp&inc_right=none.jsp">게시판</a>&nbsp;&nbsp;&nbsp;&nbsp;
		
	</div>

</div>
</body>
</html>